﻿<%@ Page Language="C#" MasterPageFile="~/Clientmasterpage.Master" AutoEventWireup="true" CodeBehind="Gallery1.aspx.cs" Inherits="ESCHOOL.WebForm3" Title="Gallery Images" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        .style1
        {
            width: 100%;
        }
    </style>
    
     <%--javascript references for lightbox--%>
    <script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
    <script type="text/javascript" src="js/lightbox.js"></script>
    
    <%--stylesheet for lightbox--%>
    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
    
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
   
  
        <br />
        <table class="style1">
            <tr>
                <td colspan="2">
                    <asp:DataList ID="DataList1" runat="server" RepeatColumns="3">
                        <ItemTemplate>
                         <a href='<%# "admin/gallery/"+Eval("image_name") %>' rel="lightbox[roadtrip2]" 
               title='<%#Eval("image_description") %>'>
        <img src='<%# "admin/gallery/"+Eval("image_name") %>' alt="" />
                           <!-- <asp:Image ID="Image1" runat="server" 
                                ImageUrl='<%# "~/admin/gallery/"+Eval("image_name") %>' />-->
                                
                                </a>
                        </ItemTemplate>
                    </asp:DataList>
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
        </table>
   
</asp:Content>
